<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/static/style.css">
</head>
<body>
  <header>
    <div class="navbar">
      <div class="navbar__brand">
        <img class="navbar__logo" src="/static/Logo.svg" alt="">
        Jcode
      </div>
      <ul class="navbar__navigation">
        <li class="navbar__navigation-item">最新发表</li>
        <li class="navbar__navigation-item">日历视图</li>
      </ul>
    </div>
  </header>
  <main class="main">
    <div>
      <h1>添加日志</h1>
      <form class="form" action="/" method="POST">
        <div class="form__input">
          填写内容：
          <textarea class="form__textarea" name="content" id="" ></textarea>
        </div>
        <input class="form__submit" type="submit" value="发布">
      </form>
    </div>
    <div>
      <h1>最新日志</h1>
      {% for title,date,content in contents %}
        <div class="entry">
          <div>
            <h2 class="entry__title">{{ title }}</h2>
            <time class="entry_date">{{ date }}</time>
          </div>
          <p class="entry_content">{{ content}}</p>
        </div>
      {% endfor %}
      

      
    </div>
  </main>
  <footer class="footer">
    <div class="footer__content">
      <div class="footer_left">
        <a href="" class="footer_item">版权所有@Jcode</a>
      </div>
      <div class="footer__right">
        <div class="footer_column">
          <a href="" class="footer_item">最新发表</a>
          <a href="" class="footer_item">日历视图</a>
        </div>

      </div>
    </div>
    
  </footer>
</body>
</html>
